<html>
<head>
    <#assign basePath=request.contextPath>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>后台管理系统</title>
    <!-- Bootstrap Core CSS -->
    <link href="${basePath}/bootstrap/css/bootstrap.min.css" rel="stylesheet">
        <style>
            .input-group{ width: 100%;}
            .input-group-addon{ width: 65px;}
            .input-group .input-menu{ width: 70%; margin-right: 10px;}
        </style>
</head>
<body>
<div id="page-wrapper" style="padding: 0 15px;">
    <div class="row">
        <div class="col-lg-12">
            <br>
            <div class="panel panel-default">
                <div class="panel-body">
                    <form id="myForm">
                        <input type="hidden" name="id" id="id" value="${menu.id?c}">
                        <input type="hidden" name="pid" id="pid" value="${menu.pid?c}" >
                        <input type="hidden" name="rank" id="rank" value="${menu.rank!}" >
                        <div class="form-group input-group">
                            <span class="input-group-addon">菜单名称</span>
                            <input type="text" class="form-control input-menu" maxlength="10" name="name" id="name" value="${menu.name!}">
                        </div>
                        <div class="form-group input-group">
                            <span class="input-group-addon">菜单URL</span>
                            <input type="text" class="form-control input-menu" maxlength="200" name="url" id="url" value="${menu.url!}">
                        </div>
                        <div class="form-group input-group">
                            <span class="input-group-addon">排序</span>
                            <input type="text" class="form-control input-menu" name="disorder" maxlength="10" id="disorder" value="${menu.disorder!}">
                        </div>
                        <div class="form-group input-group">
                            <label>&nbsp;菜单权限级别&nbsp;&nbsp;&nbsp;</label>
                            <input type="checkbox" name="dataType" id="dataType0" value="0"> 平台可使用
                            <input type="checkbox" name="dataType" id="dataType1" value="1"> 核心企业可使用
                            <input type="checkbox" name="dataType" id="dataType2" value="2"> 第三方机构可使用
                            <input type="checkbox" name="dataType" id="dataType3" value="3"> 子公司可使用
                            <input type="checkbox" name="dataType" id="dataType4" value="4"> 部门可使用
                        </div>
                        <div class="form-group input-group">
                            <label>&nbsp;菜单状态&nbsp;&nbsp;&nbsp;</label>
                            <input type="radio" name="status" value="0"  checked> 停用
                            <input type="radio" name="status" value="1" > 启用
                        </div>
                        <hr>
                        <div class="row" align="center">
                            <div class="col-xs-12">
                                <button type="button" class="btn btn-primary" onclick="submitMenu();">确定</button>
                                <button type="button" class="btn btn-primary" onclick="closePage();">关闭</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>

<script src="${basePath}/bootstrap/js/jquery.min.js" type="text/javascript"></script>
<script src="${basePath}/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<!-- layer JavaScript -->
<script src="${basePath}/bootstrap/plugin/layer/layer.js" type="text/javascript"></script>
<script type="text/javascript" src="https://cdn.bootcss.com/bootstrap-validator/0.5.3/js/bootstrapValidator.min.js"></script>
<script type="text/javascript" src="https://cdn.bootcss.com/bootstrap-validator/0.5.3/js/language/zh_CN.js"></script>
<script type="text/javascript">
    $(window).bootstrapValidator || document.write('<script src="${basePath}/bootstrap/js/bootstrapValidator.min.js"><\/script>'+
            '<script src="${basePath}/bootstrap/js/bootstrapValidator-zh_CN.js"><\/script>');
</script>
<script src="${basePath}/bootstrap/js/common.js" type="text/javascript"></script>
<script>
    var action="${action!}";
    $(function () {
        var dataType = '${menu.dataType!}';
        if (dataType == '') {
            $('#dataType0').attr('checked', 'checked');
            $('#dataType1').attr('checked', 'checked');
            $('#dataType2').attr('checked', 'checked');
            $('#dataType3').attr('checked', 'checked');
            $('#dataType4').attr('checked', 'checked');
        }
        if (dataType.indexOf("0") >= 0) {
            $('#dataType0').attr('checked', 'checked');
        }
        if (dataType.indexOf("1") >= 0) {
            $('#dataType1').attr('checked', 'checked');
        }
        if (dataType.indexOf("2") >= 0) {
            $('#dataType2').attr('checked', 'checked');
        }
        if (dataType.indexOf("3") >= 0) {
            $('#dataType3').attr('checked', 'checked');
        }
        if (dataType.indexOf("4") >= 0) {
            $('#dataType4').attr('checked', 'checked');
        }

        var statusTmp = '${menu.status!}';
        if (statusTmp == '0') {
            $("input[name=status]:eq(0)").attr("checked",'checked');
        } else if (statusTmp == '1') {
            $("input[name=status]:eq(1)").attr("checked",'checked');
        }
    });

    var index = parent.layer.getFrameIndex(window.name); //获取窗口索引
    //关闭窗口并刷新页面
    function closePage() {
        parent.layer.close(index);
    }

    function submitMenu() {
        var rank = $('#rank').val();
        if (action == 'create') {
            rank = $('#rank').val() + 1;
        }

        var dataType = '';
        $('input:checkbox').each(function() {
            if ($(this).prop('checked') == true) {
                dataType = dataType + ',' + $(this).val();
            }
        });
        console.log(action);

        var bsVal = $("#myForm").data('bootstrapValidator');
        bsVal.validate();
        if (bsVal.isValid()) {

            //询问框
            layer.confirm('是否确定此操作？', {
                btn: ['确定', '取消'] //按钮
            }, function () {
                var url = '${basePath}/admin/resource/menu/' + action;
                $.ajax({
                    type: 'POST',
                    url: url,
                    data: {
                        id: $('#id').val(),
                        pid: $('#pid').val(),
                        name: $('#name').val(),
                        url: $('#url').val() + '',
                        disorder: $('#disorder').val(),
                        rank: rank,
                        dataType: dataType,
                        status: $("input[type='radio']:checked").val()
                    },
                    dataType: 'json',
                    beforeSend: function () {
                        // TODO FORM ...
                    },
                    success: function (data) {
                        //parent.refreshGrid();
                        console.log(data);
                        if (data.code == '0') {
                            layer.alert('操作成功！', {
                                icon: 6
                            }, function () {
                                closePage();
                            });
                        } else {
                            layer.alert(data.desc, {
                                icon: 5
                            });
                        }
                    },
                    error: function () {
                        layer.alert('系统错误', {
                            icon: 5
                        });
                    }
                });
            })
        }
    }
    //表单验证
    $('#myForm').bootstrapValidator({
        fields: {
            name: {
                validators: {
                    notEmpty: {
                        message: '请输入菜单名称'
                    }
                }
            },
            disorder: {
                validators: {
                    regexp: {
                        regexp: regNumber,
                        message: '请输入整数'
                    }
                }
            },
        }
    });
</script>
</body>
</html>
